<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
   <input type="button" value="点我" id="btn">
   <br>
   <img src="images/a.jpg" id="mv" alt="">

   <script>
/*     // 1 获取元素
     var btn = document.getElementById('btn');
     var mv = document.getElementById('mv');
     // 2 给按钮注册事件
     var flag = 1;  // 当flag的值是1 的时候 对应a.jpg   当flag的值是2的时候 对应 b.jpg
     btn.onclick = function () {
       // 3 切换图片
       if (flag === 1) {
          mv.src = 'images/a.jpg';
          flag = 2;
       } else if (flag === 2) {
          mv.src = 'images/b.jpg';
          flag = 1;
       }
     }*/
      // 1 获取元素
 var btn = document.getElementById('btn');
 var mv = document.getElementById('mv');
 // 2 给按钮注册事件
 var flag = false;  // 当flag的值是1 的时候 对应a.jpg   当flag的值是2的时候 对应 b.jpg
 btn.onclick = function () {
   // 3 切换图片
   if (flag) {
      mv.src = 'images/a.jpg';
      flag = false;
   } else{
      mv.src = 'images/c.jpg';
      flag = true;
   }
 }
     
   </script>
</body>
</html>
